iT邦幫忙

2022 iThome 鐵人賽

DAY 11
0
自我挑戰組

iOS Junior的菜雞之路系列 第 11

首頁升級,加載外部套件

  • 分享至 

  • xImage
  •  

今天要來做的是 修改一下之前所做的決定,因為其實是電影查詢的App
如果首頁上方只有一張圖那倒是有點沒意思,所以想換成有一點花樣的

這次會用到的是FSPagerView,能夠用很簡單的方式就建立出好多造型的滑動效果

首先要想辦法import FSPagerView
https://github.com/WenchaoD/FSPagerView 這邊提供他的網址
可以透過上面的安裝方式安裝
我使用的方式是Cocoapods安裝

創立FSPagerView

我之前的架構是寫tableView,所以我會把我的FSPagerView放在tableViewCell上面
一樣延續之前的寫法,創立一個Xib,拉好約束,記得把Custom Class改為FSPagerView

接著把Xib與tableViewCell的關聯拉好


//SwitchPagerViewTableViewCell.swift


@IBOutlet weak var switchPagerView: FSPagerView! {
    didSet {
        switchPagerView.delegate = self
        switchPagerView.dataSource = self
        // 因為這次希望是使用linear的方式呈現,沒有概念的可以去看看Github上,有示範
        switchPagerView.transformer = FSPagerViewTransformer(type: .linear)
        // 因為想要循環播放,所以採用Infinite
        switchPagerView.isInfinite = true
        switchPagerView.register(FSPagerViewCell.self, forCellWithReuseIdentifier: "cell")
    }
}



extension SwitchPagerViewTableViewCell: FSPagerViewDelegate, FSPagerViewDataSource {
    func numberOfItems(in pagerView: FSPagerView) -> Int {
        return 3
    }

    func pagerView(_ pagerView: FSPagerView, cellForItemAt index: Int) -> FSPagerViewCell {
        let cell: FSPagerViewCell = pagerView.dequeueReusableCell(withReuseIdentifier: "cell", at: index)
        let url = URL(string: "https://i.imgur.com/GyzQXbu.png")!
        cell.imageView?.kf.setImage(with: url)
        return cell
    }
}


什麼你說CollectionView也可以達到這個功能,為什麼要用第三方套件?自己寫不是看起來比較厲害,也可以讓前輩用欽佩的眼神看著你

但說到底作為一個在線工程師,其實業務量不會很少,不太可能少到你有那個多餘的時間去讓你開發一個完整,功能非常多非常炫砲的套件來使用,當然每間公司的狀況不一定,但是懂得使用別人開發的第三方套件也不乏是效率開發的好選擇。

坑:
永遠記得約束不要偷懶拉,有時候造成畫面不顯示單純只是因為被擋住了


上一篇
快捷點按,迅速切換 TabBar
下一篇
踩坑合集
系列文
iOS Junior的菜雞之路30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言